<template>

  <div id="background-container">
    <vue-particles
        class="login-bg"
      color="#39AFFD"
      :particleOpacity="0.2"
      :particlesNumber="100"
      shapeType="circle"
      :particleSize="5"
      linesColor="#8DD1FE"
      :linesWidth="1"
      :lineLinked="true"
      :lineOpacity="0.4"
      :linesDistance="150"
      :moveSpeed="3"
      :hoverEffect="true"
      hoverMode="grab"
      :clickEffect="true"
      clickMode="push"
      >
      </vue-particles>
  </div>
</template>

<script>
export default {
  data(){
    return {

    }
  },
  components: {
  },
};
</script>


<style>
#particles-js{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
#background-container{
  width: 100%;
  min-height: 860px;
  position: absolute;
  z-index: -1;
  background: #051231;
}
</style>